.caselist {
  width: 70%;
  margin: auto;
}
.caselist .caselist-title {
  margin: 20px 0px;
  color: #787878;
}
.caselist .caselist-content {
  border: 1px solid #d1d0d0;
  box-shadow: 2px 2px 10px #d1d0d0;
  border-radius: 4px;
  padding: 20px;
}
.caselist .caselist-content h3 {
  color: #415B76;
}
.caselist .caselist-content img {
  width: 100%;
  height: 400px;
}
.caselist .caselist-content p {
  color: #959595;
  line-height: 26px;
  text-indent: 2em;
}
.caselist .opus {
  width: 100%;
  margin: 20px 0px;
}
.caselist .opus h3 {
  color: #415B76;
  margin: 40px 0px;
}
.caselist .opus .opus-content {
  display: flex;
  justify-content: space-between;
}
.caselist .opus .opus-content .opus1 {
  width: 24%;
}
.caselist .opus .opus-content .opus1 img {
  width: 100%;
  border-radius: 10px;
}
.caselist .opus .opus-content .opus1 p {
  color: #959595;
  font-size: 13px;
}
.caselist .opus .opus-content .opus1 p span {
  background-color: #0088FF;
  color: #fff;
  padding: 2px;
  border-radius: 10px;
  margin-right: 20px;
}/*# sourceMappingURL=caselist.css.map */